<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type="text/javascript">
	//load方法与ready方法的区别：
	//1.执行时机
	//window.onload 方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行，
	//即JavaScript此时才可以访问网页中的任何元素。
	//$(document).ready()方法在DOM完全就绪时就可以被调用。
	//网页中的所有元素对JQuery而言都是可以访问的，但是这并不意味着这些元素关联的文件都已经下载完毕。

	//2.多次使用
	//JavaScript的onload事件一次只能保存对一个函数的引用，
	//它会自动用后面的函数覆盖前面的函数，因此不能在现有的行为上添加新的行为。
	//JQuery中的$(document).ready()方法每次调用都会在现有的行为上追加新的行为，
	//这些行为函数会根据注册的顺序依次执行。

	function load() {
		alert("load");
	}
	window.onload = load;

	$(document).ready(function() {
		alert("Hello");
	});

	$(document).ready(function() {
		alert("World");
	});
</script>
</head>
<body>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</body>
</html>